import React from 'react';
import styles from './Carousel.module.css';
import { Image, Carousel as AntCarousel } from 'antd';

import carouselImage1 from '@/assets/images/carousel_1.jpg';
import carouselImage2 from '@/assets/images/carousel_2.jpg';
import carouselImage3 from '@/assets/images/carousel_3.jpg';

export const Carousel: React.FC = () => {
  return (
    <AntCarousel autoplay className={styles.slider}>
      <Image src={carouselImage1} />
      <Image src={carouselImage2} />
      <Image src={carouselImage3} />
    </AntCarousel>
  );
};
